<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../css/iuapmobile.um.css">
		<link rel="stylesheet" href="../../css/font-icons.css">
		<link rel="stylesheet" type="text/css" href="../../css/iuapmobile.um.listview.css">
		<link rel="stylesheet" type="text/css" href="./css/shop.css">
		<link rel="stylesheet" href="../tg/css/tg.css"/>
		<script src="../../js/summer.js" ></script>
		<script src="../../js/jquery.min.js" ></script>
		<script src="../../js/Frameworks/iuapmobile.frameworks.ui.js" ></script>
		<script type="text/javascript" src="../../js/Frameworks/iuapmobile.frameworks.listview.js"></script>
		<script src="../../js/k/kmenu.js"></script>
		<script src="js/gw.js"></script>
		<style type="text/css">
			.um-listview-row {
				width: 50%;
			}
			.um-listview-row {
				border: none;
			}
			.um-list {
				border: none;
			}
		</style>

	</head>
	<body>
		<div class="um-page" id="gw">
			<div class="um-header" >
				<a href="#" class="um-back" onclick="summer.closeWin()" >返回</a>
				<h3>购物</h3>
				<!-- <a href="#" class="um-header-right ti-home"></a> -->
				<a class="um-empty" href="#newsDetail"></a>
			</div>
			<div class="um-content clearfix">
				<div class="um-fill">
					<div class="left-list um-xs-3">
						<ul class="um-list">
							<li class="active">
								<span class="btn">热门推荐</span>
							</li>
							<li>
								<span class="btn">服装选购</span>
							</li>
						</ul>
					</div>
					<div class="right-list um-xs-9">
						<div class="right-list-item active">
							<div class="items">
								<img src="img/product_ad1.jpg" alt="" class="um-img-responsive">
								<div class="clearfix">
									<p class="sort-heading">
										分类一
									</p>
									<a href="#" class="item"> <img src="img/product_ad3.jpg" class="um-img-responsive" width=70 alt="">
									<p class="item-title">
										商品
									</p> </a>
									<a href="#" class="item"> <img src="img/product_ad3.jpg" class="um-img-responsive" width=70 alt="">
									<p class="item-title">
										商品
									</p> </a>
									<a href="#" class="item"> <img src="img/product_ad3.jpg" class="um-img-responsive" width=70 alt="">
									<p class="item-title">
										商品
									</p> </a>
								</div>
								<div class="clearfix">
									<p class="sort-heading">
										分类二
									</p>
									<a href="#" class="item"> <img src="img/product_ad3.jpg" class="um-img-responsive" width=70 alt="">
									<p class="item-title">
										商品
									</p> </a>
									<a href="#" class="item"> <img src="img/product_ad3.jpg" class="um-img-responsive" width=70 alt="">
									<p class="item-title">
										商品
									</p> </a>
								</div>
							</div>
						</div>
						<div class="right-list-item">
							<div class="items">
								<img src="img/product_ad2.jpg" alt="" class="um-img-responsive">
								<div class="clearfix">
									<p class="sort-heading">
										分类一
									</p>
									<a href="#" class="item"> <img src="img/product_ad4.jpg" width=70 class="um-img-responsive" alt="">
									<p class="item-title">
										商品
									</p> </a>
									<a href="#" class="item"> <img src="img/product_ad4.jpg" width=70 class="um-img-responsive" alt="">
									<p class="item-title">
										商品
									</p> </a>
									<a href="#" class="item"> <img src="img/product_ad4.jpg" width=70 class="um-img-responsive" alt="">
									<p class="item-title">
										商品
									</p> </a>
								</div>
								<div class="clearfix items-sort">
									<p class="sort-heading">
										分类二
									</p>
									<a href="#" class="item"> <img src="img/product_ad4.jpg" width=70 class="um-img-responsive" alt="">
									<p class="item-title">
										商品
									</p> </a>
									<a href="#" class="item"> <img src="img/product_ad4.jpg" width=70 class="um-img-responsive" alt="">
									<p class="item-title">
										商品
									</p> </a>
									<a href="#" class="item"> <img src="img/product_ad4.jpg" width=70 class="um-img-responsive" alt="">
									<p class="item-title">
										商品
									</p> </a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="um-page" id="newsDetail">
			<div class="um-header" style="background-color: #ff9500">
				<a href="#" class="um-back">返回</a>

				<h3>商品详情</h3>
			</div>
			<div class="um-content p15">
				<div class="news-container">
					<img src="img/p1.jpg" /><h3>精品团购商品</h3>
					<div class="news-head f12">
						<div class="news-time fl um-red f14" >
							￥8.5
						</div>
						&nbsp;
					</div>
					<img src="img/p6.jpg" /><img src="img/p2.jpg" /><img src="img/p3.jpg" /><img src="img/p4.jpg" /><img src="img/p5.jpg" />
				</div>
			</div>
			<div class="um-footer" style="min-height:0px">
				<div class="um-footerbar" style="height: 44px">
					<div class="um-xs-6 um-sm-6 um-bgc-yellow um-white" style="height: 100%;padding-top: 8px">
						<span>加入购物车</span>
					</div>
					<div class="um-xs-6 um-sm-6 um-bgc-orange um-white" style="height: 100%;padding-top: 8px">
						<span>立即购买</span>
					</div>
				</div>

			</div>

		</div>
	</body>
</html>